import React, {Component} from 'react';
import Paper from 'material-ui/Paper';
import Divider from 'material-ui/Divider';
import FontIcon from 'material-ui/FontIcon';
import IconButton from 'material-ui/IconButton';
import FlatButton from 'material-ui/FlatButton';
import RaisedButton from 'material-ui/RaisedButton';
import {Card, CardActions, CardHeader, CardMedia, CardText} from 'material-ui/Card';

import CONFIG from '../../config';
import { Styles } from '../../styles';

export default class name extends Component {
  constructor(props) {
    super(props);
  }

  render() {
  	return (
  	  <div className={Styles.wrapper} style={{backgroundColor: '#f5f8fa'}}>
        <img src='images/about.jpg' className="img-responsive" />
        <div style={{
          textAlign: 'center'
        }}>
          <h1 className="text-display-1" style={{color: '#FFA726'}}>
            关于我们
          </h1>

          <Paper 
            className='col-xs-12 col-sm-8 col-md-6 center-block'
            style={{
              padding: 0,
              marginTop: 36,
              marginBottom: 36,
              textAlign: 'left',
            }}
          >
            <CardHeader
              title='李文祥'
              subtitle='站长、学生、PHPer、JSer、UI'
              style={{backgroundColor: '#FFF3E0'}}
              avatar='images/team/lwx.jpg'
            />
            <CardActions style={{backgroundColor: '#FFF3E0'}}>
              <FlatButton label='访问作者' href='http://author.imlooke.com' />
            </CardActions>
            <CardHeader
              title='于海洋'
              subtitle='推广、学生'
              style={{backgroundColor: '#FFE0B2'}}
              avatar='images/team/yhy.jpg'
            />
            <CardHeader
              title='张丹丹'
              subtitle='学生、JSer'
              style={{backgroundColor: '#FFCC80'}}
              avatar='images/team/zdd.jpg'
            />
            <CardHeader
              title='卢琳'
              subtitle='R、信息处理、行为分析、学生'
              style={{backgroundColor: '#FFB74D'}}
              avatar='images/team/ll.jpg'
            />
            <CardHeader
              title='冯莉莉'
              subtitle='财务、学生'
              style={{backgroundColor: '#FFA726'}}
              avatar='images/team/fll.jpg'
            />
          </Paper>

          <h1 className="text-display-1" style={{color: '#FFA726'}}>
            联系我们
          </h1>
          <p className="text-subhead">
            邮箱：contactus@imlooke.com
          </p>
          <RaisedButton
            label='返回首页'
            style={{width: 123, marginTop: 36, marginBottom: 36}}
            primary={true}
            onTouchTap={this.props.router.replace.bind(this, '/i')}
          />
        </div>
      </div>
  	);
  }
};
